<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style type="text/css">
        * {
            margin: 0px auto;
            padding: 0px;
            border: 0px;
            -webkit-appearance: none;
            outline: none;
        }

        .test {
            color: green;
        }

        .content {
            position: relative;
            width: 100%;
            /*background-color: red;*/
        }

        .topImage {
            margin-top: 32px;
        }

        .bgCenterLeft {
            position: relative;
            left: 0px;
            width: 54.8%;
        }

        .centerLeftImage {
            position: absolute;
            width: 40%;
            top: 12%;
            left: 5%;
        }

        .centerRightImage {
            position: absolute;
            width: 40%;
            top: 9%;
            right: 5%;
        }

        .button {
            position: absolute;
            width:36%;
            height: 64px;
            left: 5%;
            top:80%;
            border: 2px solid #ff8484;
            color: #ff8484;
            border-radius: 32px;
            text-align:center;
            line-height: 64px;
            font-size: 32px;
        }

        .divider {
            width: 80%;
            height: 2px;
            left:10%;
            background-color: #aaaaaa;
        }

        .footer {
            position: absolute;
            width:100%;
            margin:0px auto;
            text-align:center;
            bottom: 20px;
        }
    </style>
    <script>
        function init() {
//            var height = 1334.0 * window.screen.width / 750.0
//            var top = height * 0.7
//            var button = document.getElementById("button")
//            button.style.top = top+"px"
        }

        function onDownloadClicked() {

        }
    </script>
    <title>银华生利宝</title>
</head>
<body onload="init()">
<div style="background-color: #ffffff">
    <div class="content">
        <img class="topImage" src="image/logo.png">
    </div>
    <div class="content">
        <img class="bgCenterLeft" src="image/bg_center_left.png">
        <img class="centerLeftImage" src="image/center_left.png">
        <img class="centerRightImage" src="image/center_right.png">
        <div id="button" class="button">点击下载生利宝APP</div>
    </div>
    <div class="divider"></div>
    <div class="content">
        <img class="content" src="image/weixin.png">
    </div>
    <div class="footer"><a style="color: #333333; font-size: 24px; text-decoration: none;" href="http://www.yhfund.com.cn">电脑版</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;手机版</div>
</div>
</body>
</html>